let UserInfo = Vue.extend({
    template:`
        <div class="user">
            <div class="head">
                <img src="./img/user.jpg">
            </div>
            <ul class="info">
                <li>
                    <span>姓名</span>
                    <i>:</i>
                    <span>{{ name }}</span>
                </li>
                <li>
                    <span>性别</span>
                    <i>:</i>
                    <span>男</span>
                </li>
                <li>
                    <span>出生日期</span>
                    <i>:</i>
                    <span>2021年2月1日</span>
                </li>
                <li>
                    <span>电话</span>
                    <i>:</i>
                    <span>1891000000</span>
                </li>
                <li>
                    <span>身份证号码</span>
                    <i>:</i>
                    <span>342400000000000000</span>
                </li>
            </ul>
        </div>
    `,
    data(){
        return {
            name:"测试"
        }
    },
    beforeCreate() {
        console.log("UserInfo==>beforeCreate");
    },
    mounted() {
        console.log("UserInfo==>mounted");
    },
});